
<!-- 4. 电商风格底部 -->
<footer class="footer bg-white py-5">
    <div class="container">
        <!-- 服务保障 -->
        <div class="row mb-5 border-bottom pb-5">
            <div class="col-md-3 text-center">
                <div class="mb-2 text-primary">
                    <i class="fas fa-truck fa-2x"></i>
                </div>
                <h5>全场免运费</h5>
                <p class="text-muted small">订单满99元免运费</p>
            </div>
            <div class="col-md-3 text-center">
                <div class="mb-2 text-primary">
                    <i class="fas fa-shield-alt fa-2x"></i>
                </div>
                <h5>正品保障</h5>
                <p class="text-muted small">100%正品保障</p>
            </div>
            <div class="col-md-3 text-center">
                <div class="mb-2 text-primary">
                    <i class="fas fa-exchange-alt fa-2x"></i>
                </div>
                <h5>7天无理由退换</h5>
                <p class="text-muted small">购物无忧</p>
            </div>
            <div class="col-md-3 text-center">
                <div class="mb-2 text-primary">
                    <i class="fas fa-headphones fa-2x"></i>
                </div>
                <h5>24小时客服</h5>
                <p class="text-muted small">专业客服团队</p>
            </div>
        </div>

        <!-- 导航链接 -->
        <div class="row mb-5">
            <div class="col-md-4 mb-4">
                <h5 class="mb-3">客户服务</h5>
                <ul class="nav flex-column">
                    <li class="mb-2"><a href="#" class="nav-link text-muted">帮助中心</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-muted">订单查询</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-muted">配送方式</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-muted">支付方式</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-muted">售后服务</a></li>
                </ul>
            </div>

            <div class="col-md-4 mb-4">
                <h5 class="mb-3">关于我们</h5>
                <ul class="nav flex-column">
                    <li class="mb-2"><a href="#" class="nav-link text-muted">平台介绍</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-muted">招商入驻</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-muted">商家后台</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-muted">加入我们</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-muted">联系我们</a></li>
                </ul>
            </div>

            <div class="col-md-4 mb-4">
                <h5 class="mb-3">关注我们</h5>
                <div class="mb-3">
                    <img src="https://picsum.photos/120/120" alt="微信公众号二维码" class="img-fluid rounded"
                         width="120">
                </div>
                <p class="text-muted mb-3">扫码关注公众号，获取最新优惠</p>
                <div class="social-links">
                    <a href="#" class="social-icon bg-primary text-white"><i class="fab fa-weixin"></i></a>
                    <a href="#" class="social-icon bg-red text-white"><i class="fab fa-weibo"></i></a>
                    <a href="#" class="social-icon bg-blue text-white"><i class="fab fa-qq"></i></a>
                    <a href="#" class="social-icon bg-orange text-white"><i class="fab fa-tiktok"></i></a>
                </div>
            </div>
        </div>

        <!-- 版权信息 -->
        <div class="border-top pt-4">
            <div class="text-center text-muted mb-3">
                <a href="#" class="nav-link d-inline-block me-3">隐私政策</a>
                <a href="#" class="nav-link d-inline-block me-3">用户协议</a>
                <a href="#" class="nav-link d-inline-block me-3">免责声明</a>
                <a href="#" class="nav-link d-inline-block">网站地图</a>
            </div>
            <p class="text-center text-muted small">
                © 2023 电商平台 版权所有 | 营业执照 | 食品经营许可证 | 京ICP备12345678号</p>
            <div class="text-center mt-3">
                <img src="https://picsum.photos/400/50" alt="支付方式" class="img-fluid" style="max-height: 50px;">
            </div>
        </div>
    </div>
</footer>



